<template>
  <div>
    <elm-page-tb>
      <template #top>
        <el-input placeholder="请查询输入内容" size="mini" prefix-icon='el-icon-search' style="width:250px;" v-model="postData.name" clearable></el-input>
        <right>
          <el-button-group>
            <el-button icon="el-icon-search" size="mini" @click="tablebinding()">查询</el-button>
            <elm-open-button url="car_edit" title="新增"  width="900" height="70%">新增</elm-open-button>
          </el-button-group>
        </right>
      </template>
      <elm-table url="/business/tms/car/GetData" :post-data="postData" :page-size="10" height="100%">
        <el-table-column prop="license_plate" label="车牌号" align="center" header-align="center" width="100"></el-table-column>
        <el-table-column prop="brand" label="车辆品牌" align="center" header-align="center" width="100"></el-table-column>
        <el-table-column prop="model" label="车辆型号" align="center" header-align="center" width="100"></el-table-column>
        <el-table-column prop="vehicle_type" label="车辆类型" align="center" header-align="center"></el-table-column>
        <el-table-column prop="color" label="车辆颜色" align="center" header-align="center"></el-table-column>
        <el-table-column prop="vehicle_status" label="车辆状态" align="center" header-align="center"></el-table-column>
<!--        <el-table-column prop="vin" label="识别码" align="center" header-align="center" width="100"></el-table-column>-->
        <el-table-column prop="purchase_date" label="购车日期" align="center" header-align="center" width="100"></el-table-column>
        <el-table-column prop="purchase_cost" label="购买费用(万元)" align="right" header-align="center" width="120"></el-table-column>
<!--        <el-table-column prop="engine_number" label="发动机号" align="center" header-align="center" width="120"></el-table-column>
        <el-table-column prop="engine_displacement" label="发动机排量（升）" align="right" header-align="center" width="100"></el-table-column>-->
<!--        <el-table-column prop="insurance_start_date" label="保险起始日期" align="center" header-align="center" width="120"></el-table-column>
        <el-table-column prop="insurance_end_date" label="保险到期日期" align="center" header-align="center" width="120"></el-table-column>-->
        <el-table-column prop="insurance_amount" label="保险金额(元)" align="right" header-align="center" width="110"></el-table-column>
        <el-table-column prop="annual_inspection_date" label="年检日期" align="center" header-align="center" width="100"></el-table-column>
<!--        <el-table-column prop="department" label="所属部门" align="center" header-align="center" width="150"></el-table-column>-->
<!--        <el-table-column prop="scrap_date" label="报废日期" align="center" header-align="center" width="120"></el-table-column>-->
        <el-table-column fixed="right" label="操作" width="120px" align="center">
          <template v-slot="scope">
            <elm-open-button url="car_edit" title="编辑"   width="900" height="70%" :data="{ model: scope.row }" type="text">编辑</elm-open-button>
            <elm-delete-button  type="text" size="mini" url="/business/tms/car/Delete" :data="{ id: scope.row.id }">删除</elm-delete-button>
          </template>
        </el-table-column>
      </elm-table>
    </elm-page-tb>
  </div>

</template>

<script>
export default {
  extends: elmVueBase,
  data() {
    return {
      postData: { name: null}
    }
  },
  created() {
  },
  methods: {
  }
}
</script>
